<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<title>平台猎头</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
<header id="header">
    <!--头部文件从最下面load读取 ../public/head.html--> 
</header>
<div id="left">
	<!--菜单文件从最下面load读取 ../public/mainLeft.html-->
</div>
<div class="main-right container-fluid" id="mainRight">
    <div class="container-fluid">
        <div class="row col-md-12">
            <div id="filter-box" class="filter-box">
                
            </div>
        </div>
        
        <div class="row col-md-12">
            <div class="facets-box">
            	<div class="industry-facets" data-parent = "industry">
            		<table class="" border="0" cellpadding="0" cellspacing="0">
	                    <tbody>
	                        <tr>
	                            <td>行业</td>
	                            <td>
	                                <ul>
	                                	<li><a data-filter="industry">互联网/电子商务/游戏</a></li>
	                                	<li><a data-filter="industry">IT/通信/软件</a></li>
	                                    <li><a data-filter="industry">金融/投资</a></li>
	                                    <li><a data-filter="industry">消费品/贸易/批发零售</a></li>
	                                    <li><a data-filter="industry">房地产/建筑/工程</a></li>
	                                    <li><a data-filter="industry">制药/医疗</a></li>
	                                    <li><a data-filter="industry">教育/科研</a></li>
	                                    <li><a data-filter="industry">工业制造</a></li>
	                                    <li><a data-filter="industry">服务业</a></li>
	                                    <li><a data-filter="industry">媒体/文化艺术/广告</a></li>
	                                    <li><a data-filter="industry">其他行业</a></li>
	                                    <li><a data-filter="industry">交通/运输/物流</a></li>
	                                    <li><a data-filter="industry">能源/矿产/冶金/环保</a></li>
	                                </ul>
	                            </td>
	                        </tr>
	                    </tbody>
	                </table>
            	</div>
            	<div class="function-facets" data-parent = "function">
            		<table border="0" cellpadding="0" cellspacing="0">
            			<tbody>
            				<tr>
	                            <td>职能</td>
	                            <td>
	                                <ul>
	                                    <li><a data-filter="function-modal">计算机/互联网/通信/电子</a></li>
	                                    <li><a data-filter="function-modal">销售/客服/技术支持</a></li>
	                                    <li><a data-filter="function-modal">广告/市场/媒体/艺术/设计</a></li>
	                                    <li><a data-filter="function-modal">人事/行政/高级管理</a></li>
	                                    <li><a data-filter="function-modal">会计/金融/银行/保险</a></li>
	                                    <li><a data-filter="function-modal">生产/营运/采购/物流</a></li>
	                                    <li><a data-filter="function-modal">生物/制药/医疗/能源/环保</a></li>
	                                    <li><a data-filter="function-modal">房产/建筑建设/物业</a></li>
	                                    <li><a data-filter="function">公务员/学生/其他</a></li>
	                                    <li><a data-filter="function">咨询/法律/教育/翻译</a></li>
	                                    <li><a data-filter="function">汽车/工程/机械</a></li>
	                                    <li><a data-filter="function">服务业</a></li>
	                                </ul>
	                            </td>
	                        </tr>
            			</tbody>
            		</table>
            	</div>
            	<div class="address-facets"  data-parent = "address">
            		<table border="0" cellpadding="0" cellspacing="0">
            			<tbody>
            				<tr>
	                            <td>城市</td>
	                            <td>
	                                <ul>
	                                    <li><a data-filter="address">上海</a></li>
	                                    <li><a data-filter="address">北京</a></li>
	                                    <li><a data-filter="address">深圳市</a></li>
	                                    <li><a data-filter="address">广州市</a></li>
	                                    <li><a data-filter="address">杭州市</a></li>
	                                    <li><a data-filter="address">福州市</a></li>
	                                    <li><a data-filter="address">武汉市</a></li>
	                                    <li><a data-filter="address">南京市</a></li>
	                                    <li><a data-filter="address">潍坊市</a></li>
	                                    <li><a data-filter="address">大庆市</a></li>
	                                    <li><a data-filter="address-modal">更多...</a></li>
	                                </ul>
	                            </td>
	                        </tr>
            			</tbody>
            		</table>
            	</div>
            	<div class="salary-facets" data-parent = "salary">
            		<table border="0" cellpadding="0" cellspacing="0">
            			<tbody>
            				<tr>
	                            <td>年薪</td>
	                            <td>
	                                <ul>
	                                    <li><a data-filter="salary">10万以内</a></li>
	                                    <li><a data-filter="salary">10-20万</a></li>
	                                    <li><a data-filter="salary">20-30万</a></li>
	                                    <li><a data-filter="salary">30-50万</a></li>
	                                    <li><a data-filter="salary">50万以上</a></li>
	                                </ul>
	                            </td>
	                        </tr>
            			</tbody>
            		</table>
            	</div>
                
            </div>
        </div>
    	<div class="row col-md-12">
    		<div class="filter">
	    		<ul class="list-unstyled">
	    			<li ><a href="#" data-order="order">成单金额
		    				<i class="caret caret-top caret-grey"></i> 
							<i class="caret caret-down caret-grey"></i>
						</a>
	    			</li>
	    			<li><a>成单数量</a></li>
	    			<li><a>评分</a></li>
	    			<li><a>更新时间</a></li>
	    			<li style="width:auto" class="form-inline margin-left-15">
	 	 			<input type="text" class="form-control" placeholder="猎头公司名称" />
	 	 			<a href="#" class="btn btn-primary" style="color: white;"><span class="glyphicon glyphicon glyphicon-search"></span>  搜索</a>
					<select name="" class="form-control margin-left-15">
						<option value="">管理员</option>
						<option value="">全体成员</option>
						<option value="">成员1</option>
						<option value="">成员2</option>
						<option value="">成员3</option>
					</select>
	 	 		</li>
	    		</ul>
    		</div>
    	</div>
    	<div class="row col-md-12">
    		<div class="mylist margin-top-15 ">
    			 <table class="table table-hover filter-table" border="0" cellpadding="0" cellspacing="0">
    			 	 <thead>
    			 	 	<tr>
    			 	 		<th style="width: 300px;">公司名称</th>
    			 	 		<th style="width: 440px;">业务统计</th>
    			 	 		<th style="width: 220px;">更新时间</th>
    			 	 		<th style="width: 100px;">操作</th>
    			 	 	</tr>
    			 	 </thead>
    			 	 <tbody>
    			 	 	<tr>
    			 	 		<td>
    			 	 			<div class="company-info">
    			 	 				<span class="company-logo"><img src="../../Content/images/web_shield.png"/></span>
    			 	 				<ul class="list-unstyled">
	    			 	 				<li class="company-title">xxx猎头公司</li>
	    			 	 				<li class="company-industry">擅长行业: xxx</li>
	    			 	 				<li class="company-function">擅长职能: xxx</li>
	    			 	 				<li class="company-scale">公司规模: xx~xx</li>
	    			 	 				<li class="company-address"><i class="glyphicon glyphicon-map-marker"></i> 北京 朝阳区</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 		</td>
    			 	 		<td class="business-info">
    			 	 			<div class="border-solid-ddd">
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>成单数量：12 (最近一年)</li>
	    			 	 				<li>成单总额：￥200,001 (最近一年)</li>
	    			 	 				<li>总体评分：5.00 (最近一年)</li>
	    			 	 				<li>推荐候选人质量：4.85 (最近一年)</li>
	    			 	 				<li>顾问专业化程度: 4.95</li>
	    			 	 				<li>客户点评:4</li>
	    			 	 				
	    			 	 			</ul>
    			 	 			</div>
    			 	 			<div class="border-solid-ddd">
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>合作单数：8 (最近一年)</li>
	    			 	 				<li>合作成单额：￥200,001 (最近一年)</li>
	    			 	 				<li>总体评分: 12</li>
	    			 	 				<li>推荐候选人质量:4.95</li>
	    			 	 				<li>顾问专业化程度: 4.95</li>
	    			 	 				<li>给予点评:4</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 		</td>
    			 	 		<td class="update-time">
    			 	 			<div>
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>22小时前</li>
	    			 	 				<li>2015-2-10 22:22:22</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 		</td>
    			 	 		<td class="operate">
    			 	 			 <a class="btn btn-primary">设为合作</a>
    			 	 		</td>
    			 	 	</tr>
    			 	 	<tr>
    			 	 		<td>
    			 	 			<div class="company-info">
    			 	 				<span class="company-logo"><img src="../../Content/images/web_shield.png"/></span>
    			 	 				<ul class="list-unstyled">
	    			 	 				<li class="company-title">xxx猎头公司</li>
	    			 	 				<li class="company-industry">擅长行业: xxx</li>
	    			 	 				<li class="company-function">擅长职能: xxx</li>
	    			 	 				<li class="company-scale">公司规模: xx~xx</li>
	    			 	 				<li class="company-address"><i class="glyphicon glyphicon-map-marker"></i> 北京 朝阳区</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 		</td>
    			 	 		<td class="business-info">
    			 	 			<div class="border-solid-ddd">
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>成单数量：12 (最近一年)</li>
	    			 	 				<li>成单总额：￥200,001 (最近一年)</li>
	    			 	 				<li>总体评分：5.00 (最近一年)</li>
	    			 	 				<li>推荐候选人质量：4.85 (最近一年)</li>
	    			 	 				<li>顾问专业化程度: 4.95</li>
	    			 	 				<li>客户点评:4</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 			<div class="border-solid-ddd">
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>合作单数：8 (最近一年)</li>
	    			 	 				<li>合作成单额：￥200,001 (最近一年)</li>
	    			 	 				<li>总体评分: 12</li>
	    			 	 				<li>推荐候选人质量:4.95</li>
	    			 	 				<li>顾问专业化程度: 4.95</li>
	    			 	 				<li>给予点评:4</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 		</td>
    			 	 		<td class="update-time">
    			 	 			<div>
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>22小时前</li>
	    			 	 				<li>2015-2-10 22:22:22</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 		</td>
    			 	 		<td class="operate">
    			 	 			 <a class="btn btn-primary">设为合作</a>
    			 	 		</td>
    			 	 	</tr>
    			 	 </tbody>
    			 </table>
    		</div>
    	</div>
    	<div class="row col-md-12">
    		<div class="page-bar">
				<div class="pull-left">总共: 2,555 条结果</div>
				<nav class="pull-right">
				  <ul class="pagination">
				    <li>
				      <a href="#" aria-label="Previous">
				        <span aria-hidden="true">&laquo;</span>
				      </a>
				    </li>
				    <li class="active"><a href="#">1</a></li>
				    <li><a href="#">2</a></li>
				    <li><a href="#">3</a></li>
				    <li><a href="#">4</a></li>
				    <li><a href="#">5</a></li>
				    <li>
				      <a href="#" aria-label="Next">
				        <span aria-hidden="true">&raquo;</span>
				      </a>
				    </li>
				  </ul>
				</nav>
			</div>
    	</div>
    </div>
</div>

<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/jquery.searchbox.animate.js"></script>
<script src="../../Scripts/bootbox.min.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
		//读取共用的头部和菜单文件
		$("#header").load("../public/head.html nav",function(){
			$('[data-toggle="tooltip"]').tooltip();  //头部鼠标划过提示
			$('.search-box').searchbox({speed:500}); //头部搜索
		});
		$('#left').load('../public/mainLeft.html .main-left');
		
		//表格排序
		$("[data-order='order']").click(function(){
			$(this).order("desc");
		//	$(this).order("asc");  正序
			$.alert("倒序排序，使用方法 : $().order('desc')");//
			//表格排序程序处理代码可写在此处
		});
		
		//检索功能
		$('.facets-box').find('a[data-filter]').on('click',function(){
			var _filter=$(this).attr('data-filter'),filter_val=$(this).text();
			var filter_html=$('<span>').attr('data-parent',_filter);
			//需要弹出框选择
			
			if(_filter.split('-')[1]=='modal'){
				//弹出框
				var form = $('<form class="form-inline"><label>'+filter_val+'</label></form>');
				var form_content=$('<table class="table table-hover" border="0" cellpadding="0" cellspacing="0">');
				//弹出框主体内容
				form_content.append('<tbody><tr><td>'+filter_val+'</td><td><a href="#" data-filter="function">'+filter_val+'</a></td></tr></tbody>');
				form.append(form_content).find('a[data-filter]').on('click',function(){
					filter_html=$('<span>').attr('data-parent',_filter.split('-')[0]);
					filter_html.html('职能：'+$(this).text());
					filter_html.append('<a class="glyphicon glyphicon-remove"></a>')
					.find('a').on('click',function(){
						var _parent=$(this).parent();
						$('.facets-box').find('div[data-parent="'+_parent.attr('data-parent')+'"]').slideToggle('fast','',function(){
							_parent.remove()
						});
						
					});
					filter_html.appendTo($('#filter-box'));
					$('.facets-box').find('div[data-parent="'+_filter.split('-')[0]+'"]').slideToggle();
					div.modal("hide");
					return false;
				});
				
				var div = bootbox.dialog({
					message: form,
					buttons: {
						'close' : {
							'label' :'<i class="icon-remove"></i> 关闭',
							'className' : 'btn-sm'
						} 
					}
	
				});
				
						
			}else{
				switch(_filter){
					case 'industry':
						filter_html.html('行业：'+filter_val);
					break;
					case 'function':
						filter_html.html('职能：'+filter_val);
					break;
					case 'address':
						filter_html.html('地点：'+filter_val);
					break;
					case 'salary':
						filter_html.html('年薪：'+filter_val);
					break;
				}
				filter_html.append('<a class="glyphicon glyphicon-remove"></a>')
				.find('a').on('click',function(){
					var _parent=$(this).parent();
					$('.facets-box').find('div[data-parent="'+_parent.attr('data-parent')+'"]').slideToggle('fast','',function(){
						_parent.remove()
					});
					
				});
				filter_html.appendTo($('#filter-box'));
				$('.facets-box').find('div[data-parent="'+_filter+'"]').slideToggle();
			}
		})
		
	})
</script>
</body>
</html>
